html,
body { color: #444; line-height: 2em; position: relative; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; overflow-x: hidden; background-color:#f3f3f3; }

h1,h2,h3,h4,h5,h6 {  font-weight: bold; color: #222; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.5em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.5em;}
h5 {  font-size: 1em;}
h6 {  font-size: 0.75em;}

a {  color: #444;  outline: none;  -webkit-transition:all .3s ease;}
a:hover {  color: #00CC99;  text-decoration: none;}
a:active,a:focus,a img {  outline: none;}

::-moz-selection {  color: #ffffff;  background: #00CC99;  text-shadow: none;}
::selection {  color: #ffffff;  background: #00CC99;  text-shadow: none;}

table { border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; }
table th { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }
table td { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }

ul,ol { list-style: none; margin:0; padding:0; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }

img { max-width:100%; }

.mio-navbar { background:#222222; min-height: 60px; margin:0; border:0; border-radius:0; }
.mio-navbar a.navbar-brand { width: 200px; min-height: 60px; background: url(logo.jpg) no-repeat 20px center; text-indent:-99999999px; overflow:hidden; }
.mio-navbar .navbar-nav { }
.mio-navbar .navbar-nav li { }
.mio-navbar .navbar-nav li a { line-height:60px; padding:0 20px; color:#ccc; }
.mio-navbar .navbar-nav li a:hover { color:#fff; }

.mio-navbar .navbar-nav li li { }
.mio-navbar .navbar-nav li li a { line-height:40px; }
.mio-navbar .navbar-nav li li a:hover { background-color:#333; }
.mio-navbar .navbar-nav li.hover li a { }
.mio-navbar .navbar-nav li.hover li a:hover { }

.mio-navbar .navbar-nav > .open > a, 
.mio-navbar .navbar-nav > .open > a:hover, 
.mio-navbar .navbar-nav > .open > a:focus {
    color: #ccc;
    background-color: #333;
}


.dropdown-menu {   
	width:100%; 
    min-width: 100%;
    padding: 0;
    margin: 0;
    font-size: 1em;
    text-align: left;
    background-color: #333;
    border: 0;
    border-radius: 0;
}

.mio-footer { color:#888; padding:20px 0; }
.mio-footer a { color:#888; }
.mio-footer a:hover { text-decoration: underline; }

.mio-content { padding:90px 0 30px 0; }

.mio-block { background-color:#fff; padding:15px; margin-bottom:30px; border:#eee 1px solid; border-top:#00CC99 3px solid; border-radius:2px; }
.mio-block h2 { margin:0 0 10px 0; border-bottom:#eee 1px solid; padding-bottom:15px; font-size:1.2em; }
.mio-block h2 span {}
.mio-block li { height:32px; line-height:32px; overflow: hidden; background: url(ic1.png) no-repeat left center; padding-left:15px; }

.mio-wrap { background-color:#fff; padding:20px; margin-bottom:30px; border:#eee 1px solid; border-radius:2px; }
.mio-wrap:hover { box-shadow: 0 0 4px #ccc; }
.mio-wrap h2 { margin:0 0 15px 0; }
.mio-wrap .mio-intro { font-size: 0.9em; color:#666; }
.mio-wrap .mio-in { font-size: 0.9em; color:#999; padding-top:5px; }
.mio-wrap .mio-in .icon-folder-open,
.mio-wrap .mio-in .icon-eye-open { margin-left:15px; }
.mio-wrap .mio-in a { color:#999; }
.mio-wrap .mio-in a:hover { color:#00CC99; }

.mio-aintro { font-size: 0.9em; color:#999; padding-top:5px;  }
.mio-aintro a { color:#999; }
.mio-aintro a:hover { color:#00CC99; }
.mio-aintro .icon-folder-open,
.mio-aintro .icon-eye-open,
.mio-aintro .icon-bookmark,
.mio-aintro .icon-user { margin-left:15px; }


.mio-main { background-color:#fff; padding:20px; margin-bottom:30px; border:#eee 1px solid; border-radius:2px; }


.mio-alink { color:#aaa; }


.pagelist { text-align:center; padding:20px 0; }
.pagelist a { padding:4px 10px; background-color:#aaa; color:#fff; }
.pagelist li { display: inline; padding: 0 3px; }
.pagelist li.thisclass a { background-color:#f80; color:#fff; }


.mio-pages { text-align:center; color:#888; }
.mio-pages li { display: inline; padding: 0 3px; }
.mio-pages li.thisclass { color:#f80; font-weight:bold; }
.mio-pages select { display: none; }


.mio-404 { background: url(404.jpg) no-repeat top center; padding-top:530px; text-align:center; }
.mio-404 a { background-color:#009966; color:#fff; padding:3px 18px; margin: 0 5px; border-radius:12px; }
.mio-404 a:hover { background-color:#f80; }
.mio-404 div { padding-top:15px; }




.mio-article { font-size:1.2em; }
.mio-article p { margin-bottom:25px; }


.mio-crumbs { margin-bottom:20px; background:url(home.png) no-repeat left center; padding-left:20px; }


@media (min-width:1600px) {

}